<!--
 * @Author: your name
 * @Date: 2021-06-24 10:14:55
 * @LastEditTime: 2021-11-05 15:48:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jinfengts\src\pages\myLaunch\myLaunch.vue
-->
<template>
  <div class="Feedback">
    <!-- 条件筛选展示部分  待办反馈-->
    <!-- :TODO: 待办反馈筛选 -->
    <div class="SelectCondition" v-if="this.activeName == 'feedback'">
      <el-row class="selectConditionRow" type="flex" justify="center">
        <el-col :span="20">
          <el-form :model="SelectConditionForm" ref="SelectConditionForm" :inline="true">
            <!-- 营销项目名称 -->
            <el-form-item prop="marketProjectNameId" class="slectOptionLengthItem">
              <el-select
                v-model="SelectConditionForm.marketProjectNameId"
                placeholder="请选择营销项目名称"
                class="slectOptionLength"
                filterable
                clearable
              >
                <el-option value="" label="全部项目名称"></el-option>
                <el-option
                  v-for="(item, index) in MarketingProjectName"
                  :key="index"
                  :label="item.title"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-form-item>

            <!-- 营销项目状态 -->
            <el-form-item prop="marketProjectStatusId" class="slectOptionLengthItem">
              <el-select
                v-model="SelectConditionForm.marketProjectStatusId"
                placeholder="请选择营销项目状态"
                class="slectOptionLength"
                filterable
                clearable
              >
                <el-option value="" label="全部营销项目状态"></el-option>
                <el-option v-for="(item, index) in problemTypeList" :key="index" :label="item.title" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>

            <!-- C1状态 -->
            <el-form-item prop="c1StatusId">
              <el-select v-model="SelectConditionForm.c1StatusId" placeholder="请选择C1状态" clearable filterable>
                <el-option value="" label="全部C1状态"></el-option>
                <el-option v-for="(item, index) in C1StatusList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- C2状态 -->
            <el-form-item prop="c2Status">
              <el-select v-model="SelectConditionForm.c2Status" placeholder="请选择C2状态" filterable clearable>
                <el-option value="" label="全部C2状态"></el-option>
                <el-option v-for="(item, index) in C1_C2StatusV" :key="index" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 问题类型 -->
            <!-- 问题类型 -->
            <el-form-item prop="problemTypeParentId">
              <el-select
                v-model="SelectConditionForm.problemTypeParentId"
                placeholder="请选择问题大类"
                @change="changeBigCatlog"
                filterable
                clearable
              >
                <el-option
                  v-for="(item, index) in marketProjectFirstList"
                  :key="index"
                  :label="item.name"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item prop="problemTypeId">
              <el-select v-model="SelectConditionForm.problemTypeId" placeholder="请选择问题小类" filterable clearable>
                <el-option
                  v-for="(item, index) in marketProjectSecondList"
                  :key="index"
                  :label="item.name"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>

            <!-- 反馈来源  -->
            <el-form-item prop="feedBackSourceId">
              <el-select
                v-model="SelectConditionForm.feedBackSourceId"
                placeholder="请选择反馈来源"
                filterable
                clearable
              >
                <el-option value="" label="全部反馈来源"></el-option>
                <el-option
                  v-for="(item, index) in feedBackSourceList"
                  :key="index"
                  :label="item.title"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-form-item>

            <!-- 状态标识 -->
            <el-form-item prop="ctag">
              <el-select v-model="SelectConditionForm.ctag" placeholder="请选择状态标识" filterable clearable>
                <el-option value="" label="全部状态标识"></el-option>
                <el-option v-for="(item, index) in ctag" :key="index" :label="item.title" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>

            <!-- 所属产品 -->
            <el-form-item prop="productId">
              <el-select v-model="SelectConditionForm.productId" placeholder="请选择所属产品" filterable clearable>
                <!-- <el-option value="" label="全部产品"></el-option> -->
                <el-option v-for="(item, index) in ProductList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 影响类别 -->
            <el-form-item prop="InfluenceCategoryId">
              <el-select
                v-model="SelectConditionForm.InfluenceCategoryId"
                placeholder="请选择影响类别"
                filterable
                clearable
              >
                <el-option value="" label="全部影响类别"></el-option>
                <el-option v-for="(item, index) in influenceCategory" :key="index" :label="item.title" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 处理阶段 -->
            <el-form-item prop="stageId">
              <el-select v-model="SelectConditionForm.stageId" placeholder="请选择所处阶段" filterable clearable>
                <el-option value="" label="全部阶段"></el-option>
                <el-option v-for="(item, index) in childStageList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 是否服务请求 -->
            <el-form-item prop="serverRequestTag">
              <el-select v-model="SelectConditionForm.serverRequestTag" placeholder="是否服务请求" filterable clearable>
                <el-option value="" label="全部"></el-option>
                <el-option :value="true" label="是"></el-option>
                <el-option :value="false" label="否"></el-option>
              </el-select>
            </el-form-item>
            <!-- 版本号-->
            <el-form-item prop="versionNumber">
              <el-select v-model="SelectConditionForm.versionNumber" placeholder="请输入版本号" filterable clearable>
                <el-option v-for="(item, index) in versionList" :key="index" :label="item" :value="item"> </el-option>
              </el-select>
            </el-form-item>
            <!-- 指派人-->
            <el-form-item prop="assignedUserId">
              <el-select v-model="SelectConditionForm.assignedUserId" placeholder="请输入指派人" filterable clearable>
                <el-option v-for="(item, index) in userList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item prop="creatorId">
              <el-select v-model="SelectConditionForm.creatorId" placeholder="请输入创建人" filterable clearable>
                <el-option v-for="(item, index) in userList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 反馈ID-->
            <el-form-item prop="feedback_number">
              <el-input placeholder="请输入反馈ID" v-model="SelectConditionForm.feedback_number"></el-input>
            </el-form-item>

            <!-- 开始-结束日期 -->
            <el-form-item class="dateTime" prop="dateTime">
              <el-date-picker
                v-model="SelectConditionForm.dateTime"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-form>
        </el-col>
        <el-col :span="4" class="btnDisplayF">
          <div>
            <!-- 重置按钮 -->
            <el-button @click="reset('SelectConditionForm')" type="primary" size="small" v-has="'M1102002'"
              >重置</el-button
            >
            <!-- 搜索按钮 -->
            <el-button type="primary" size="small" @click="onSearchFeedback" v-has="'M1102001'">搜索</el-button>
            <!-- 导出按钮 -->
            <el-button type="primary" size="small" v-has="'M1102003'" @click="exportCharts">导出</el-button>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- ：TODO: 待办任务筛选  -->
    <div class="SelectCondition" v-if="this.activeName == 'task'">
      <el-row>
        <el-col :span="21">
          <el-form :model="testConditionForm" ref="TaskConditionForm" :inline="true">
            <!-- 状态标识 -->
            <el-form-item prop="t__ctag">
              <el-select v-model="testConditionForm.t__ctag" placeholder="请选择状态标识" clearable filterable>
                <el-option v-for="(item, index) in ctag" :key="index" :label="item.title" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>

            <!-- 所属产品 -->
            <el-form-item prop="f__product_id">
              <el-select v-model="testConditionForm.f__product_id" placeholder="请选择所属产品" clearable filterable>
                <el-option v-for="(item, index) in ProductList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>

            <!-- 指派人-->
            <el-form-item prop="t__responsible_user">
              <el-select
                v-model="testConditionForm.t__responsible_user"
                placeholder="请输入责任人"
                clearable
                filterable
              >
                <el-option v-for="(item, index) in userList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- FIXME:  -->

             <el-form-item prop="ps__id">
              <el-select v-model="testConditionForm.ps__id" placeholder="请选择C1状态" filterable clearable>
                <el-option value="" label="全部反馈C1状态"></el-option>
                <el-option v-for="(item, index) in C1StatusList" :key="index" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- <el-form-item prop="t__c2_status">
              <el-select v-model="testConditionForm.t__c2_status" placeholder="请选择C2状态" clearable filterable>
                <el-option v-for="(item, index) in C1_C2Status" :key="index" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item> -->

            <!-- ID-->
            <el-form-item prop="t__task_number">
              <el-input placeholder="请输入任务ID" v-model="testConditionForm.t__task_number"></el-input>
            </el-form-item>

            <!-- 创建时间 -->
            <el-form-item class="dateTime" prop="t__created_at">
              <el-date-picker
                v-model="testConditionForm.t__created_at"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-form>
        </el-col>
        <el-col :span="3" class="btnDisplay">
          <div>
            <!-- 重置按钮 -->
            <el-button @click="reset('TaskConditionForm')" type="primary" size="small" v-has="'M1102002'"
              >重置</el-button
            >
            <!-- 搜索按钮 -->
            <el-button type="primary" size="small" @click="onSearchTask" v-has="'M1102001'">搜索</el-button>
            <!-- 导出按钮 -->
            <el-button type="primary" size="small" @click="exportCharts" v-has="'M1102003'">导出</el-button>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- :TODO: 其他导出 -->
    <!-- <div class="SelectCondition" v-show="this.activeName=='metting'">
     <el-row>
       <el-col :span="22"></el-col>
       <el-col :span="2">
         <el-button type="primary" size="samll" @click="aboutBeyondExports">
            导出
         </el-button>
       </el-col>
     </el-row>
   </div> -->
    <!-- 数据展示部分 -->
    <!--
              -我的待办
                  -反馈        feedbackPane
                  -任务        taskPane
                  -超期会议    beyondMeetingPane
           -->
    <el-card class="FeedbackData">
      <el-tabs class="MywaitTabs" v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="反馈" name="feedback">
          <FeedBackPane :commonTableData="commonTableData" @Search="onSearch" />
        </el-tab-pane>
        <el-tab-pane label="任务" name="task">
          <taskPane :commonTableData="commonTableDataT" @Search="onSearch" :activeName="activeName"> </taskPane>
        </el-tab-pane>
        <el-tab-pane label="超期会议" name="metting" :activeName="activeName" :overRangeMetting="overRangeMetting">
          <!--
          三个选择按钮
                    -超期任务 first
                    -超期反馈 second
                    -严重超期 third
         -->

          <el-radio-group
            v-model="overRangeMetting"
            size="small"
            class="SelectRadioGroup"
            @change="selectRadioGroupChange"
          >
            <el-radio-button label="first">反馈</el-radio-button>
            <el-radio-button label="second">任务</el-radio-button>
            <el-radio-button label="third">严重超期</el-radio-button>
          </el-radio-group>
          <div class="penaltyFeedBack" v-if="overRangeMetting == 'first'">
            <PenltyFeedBack
              :commonTableData="overdueFeedBackData"
              :activeName="activeName"
              :overRangeMetting="overRangeMetting"
              @Search="onSearch"
            ></PenltyFeedBack>
          </div>
          <div class="penaltytask" v-if="overRangeMetting == 'second'">
            <PenltyTask
              :commonTableData="overdueTaskData"
              :activeName="activeName"
              :overRangeMetting="overRangeMetting"
              @Search="onSearch"
            ></PenltyTask>
          </div>

          <div class="severePenalty" v-if="overRangeMetting == 'third'">
            <SeverePenalty
              :serverCommonTaskTableData="serverCommonTaskTableData"
              :serverCommonFeedTableData="serverCommonFeedTableData"
              @Search="onSearch"
            ></SeverePenalty>
          </div>
        </el-tab-pane>
      </el-tabs>
    </el-card>
    <!-- 控制数据展示数量的分页器 -->
    <!-- 反馈分页 ↓ -->
    <div class="paginationClock" v-if="activeName == 'feedback'">
      <el-pagination
        background
        @size-change="handleSizeChangeFeedBack"
        @current-change="handleCurrentFeedBackChange"
        :current-page="1"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="queryinfo.pageRow"
        layout="total, sizes, prev, pager, next, jumper"
        :total="feedBackTotalNum"
      >
      </el-pagination>
    </div>
    <!-- 反馈分页 ↑ -->
    <!-- 任务分页 ↓ -->
    <div class="paginationClock" v-if="activeName == 'task'">
      <el-pagination
        background
        @size-change="handleSizeTaskChange"
        @current-change="handleCurrentTaskChange"
        :current-page="1"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="queryinfo.pageRow"
        layout="total, sizes, prev, pager, next, jumper"
        :total="taskTotalNum"
      >
      </el-pagination>
    </div>
    <!-- 任务分页 ↑ -->
    <!-- 超期会议反馈分页 ↓ -->
    <!-- <div
      class="paginationClock"
      v-show="overRangeMetting=='first'&& activeName=='metting'"
    >
      <el-pagination
        background
        @size-change="handleSizeMettingChange"
        @current-change="handleCurrentMettingChange"
        :current-page="1"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      >
      </el-pagination>
    </div> -->
    <!-- 超期会议反馈分页 ↑ -->
    <!-- 超期会议任务分页 ↓ -->
    <!-- <div
      class="paginationClock"
      v-show="overRangeMetting=='second'"
    >
      <el-pagination
        background
        @size-change="handletaskSizeChange"
        @current-change="handleTaskCurrentChange"
        :current-page="1"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      >
      </el-pagination>
    </div> -->
    <!-- 超期会议任务分页 ↑ -->
    <!-- 超期会议严重超期分页 ↓ -->
    <!-- <div
      class="paginationClock"
      v-show="overRangeMetting=='third'"
    >
      <el-pagination
        background
        @size-change="handleSizeOverDelateChange"
        @current-change="handleCurrentOverDelateChange"
        :current-page="1"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      >
      </el-pagination>
    </div> -->
    <!-- 超期会议严重超期分页 ↑ -->
    <!-- 我是弹出框 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ -->
    <!-- 创建反馈弹出框 -->
    <CommonDialog
      title="创建反馈"
      width="41.3%"
      v-bind:dialogVisible="insertDialogVisible"
      @on-change-dialogVisible="inesertChange"
      top="4vh"
    >
      <template #body>
        <CommonFeedForm></CommonFeedForm>
      </template>
      <template #dialog_footer>
        <el-button @click="canselInsert" class="insertCancel">取 消</el-button>
        <el-button @click="saveDraft" class="insertCancel">存草稿</el-button>
        <el-button type="primary" @click="insertdialogVisible = false" class="insertReme">发布</el-button>
      </template>
    </CommonDialog>
    <!-- 终止弹出框 -->
    <CommonDialog
      title="终止"
      width="28.1%"
      v-bind:dialogVisible="suspendDialogVisible"
      @on-change-dialogVisible="suspendChange"
      class="suspend"
      top="10vh"
    >
      <template #body>
        <el-form class="suspendForm" :model="suspendForm">
          <el-form-item
            label="终止原因"
            class="suspendReason"
            prop="suspendReason"
            :rules="[{ required: true, message: '请输入终止原因', trigger: 'change' }]"
          >
            <el-input type="textarea" v-model="suspendForm.suspendReason"> </el-input>
          </el-form-item>
        </el-form>
      </template>
      <template #dialog_footer>
        <el-button class="insertCancel" @click="suspendCancel">取 消</el-button>
        <el-button type="primary" @click="suspendDialogVisible = false" class="insertReme">确认</el-button>
      </template>
    </CommonDialog>
    <!-- 激活弹出框 -->
    <CommonDialog
      title="激活"
      width="28.1%"
      v-bind:dialogVisible="isactiveDialogVisible"
      @on-change-dialogVisible="activeChange"
      class="suspend"
      top="10vh"
    >
      <template #body>
        <el-form class="suspendForm" :model="activeForm">
          <el-form-item
            label="激活原因"
            class="suspendReason"
            prop="activeReason"
            :rules="[{ required: true, message: '请输入激活原因', trigger: 'change' }]"
          >
            <el-input type="textarea" v-model="activeForm.activeReason"> </el-input>
          </el-form-item>
        </el-form>
        <!-- <el-form class="activeForm" :model="activeForm">
                    <el-form-item label="激活原因" class="extra activeReason" prop="activeReason" :rules="[{required:true,message:'请输入激活原因',trigger:'change'}]" >
                      <el-input type="textarea" v-model="activeForm.activeReason" placeholder="请输入激活原因">
                    </el-input>
                  </el-form-item>
                </el-form> -->
      </template>
      <template #dialog_footer>
        <el-button class="insertCancel" @click="activeCancel">取 消</el-button>
        <el-button type="primary" @click="isactiveDialogVisible = false" class="insertReme">确认</el-button>
      </template>
    </CommonDialog>
    <!-- 回退弹出框 -->
    <CommonDialog
      title="回退"
      width="28.1%"
      v-bind:dialogVisible="rebackDialogVisible"
      @on-change-dialogVisible="rebackChange"
      class="reback"
      top="10vh"
    >
      <template #body>
        <el-form class="rebackForm" :model="rebackForm">
          <el-form-item
            label="回退原因"
            class="rebackReason"
            prop="rebackReason"
            :rules="[{ required: true, message: '请输入回退原因', trigger: 'change' }]"
          >
            <el-input type="textarea" v-model="rebackForm.rebackReason"> </el-input>
          </el-form-item>
        </el-form>
      </template>
      <template #dialog_footer>
        <el-button class="insertCancel" @click="rebackCancel">取 消</el-button>
        <el-button type="primary" @click="rebackDialogVisible = false" class="insertReme">确认</el-button>
      </template>
    </CommonDialog>
    <!-- 关闭弹出框 -->
    <CommonDialog
      title="关闭"
      width="28.1%"
      v-bind:dialogVisible="closeDialogVisible"
      @on-change-dialogVisible="closeChange"
      class="close"
      top="10vh"
    >
      <template #body>
        <el-form class="closeForm" :model="closeForm">
          <el-form-item
            label="关闭原因"
            class="closeReason"
            prop="closeReason"
            :rules="[{ required: true, message: '请输入关闭原因', trigger: 'change' }]"
          >
            <el-select
              v-if="activeName == 'task' || overRangeMetting == 'second'"
              v-model="closeForm.closeReason"
              placeholder="关闭原因"
            >
              <el-option label="请选择关闭原因" value=""></el-option>
              <el-option label="已完成" value="done"></el-option>
              <el-option label="取消" value="cancle"></el-option>
              <el-option label="误操作" value="mistake"></el-option>
              <el-option label="其他" value="其他"></el-option>
            </el-select>
            <el-select v-else v-model="closeForm.closeReason" placeholder="关闭原因">
              <el-option label="请选择关闭原因" value=""></el-option>
              <el-option label="现场解决" value="xianchang"></el-option>
              <el-option label="提出方取消" value="tichufang"></el-option>
              <el-option label="其他" value="其他"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            label="解决方案"
            class="closeReason"
            prop="closeSolution"
            :rules="[{ required: true, message: '请输入解决方案', trigger: 'change' }]"
          >
            <el-input type="textarea" v-model="closeForm.closeSolution" placeholder="请输入解决方案"> </el-input>
          </el-form-item>
          <el-form-item label="备注" class="extra closeReason">
            <el-input type="textarea" v-model="closeForm.extra" placeholder="请输入备注"> </el-input>
          </el-form-item>
        </el-form>
      </template>
      <template #dialog_footer>
        <el-button class="insertCancel" @click="closeCancel">取 消</el-button>
        <el-button type="primary" @click="closeDialogVisible = false" class="insertReme">确认</el-button>
      </template>
    </CommonDialog>
    <!-- 我是弹出框 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ -->
    <CommonDialog
      title="转BUG"
      width="41.3%"
      v-bind:dialogVisible="transBugDialogVisible"
      @on-change-dialogVisible="transBugChange"
      class="close"
      top="10vh"
    >
      <template #body>
        <el-form class="transBugForm" :model="transBugForm"> </el-form>
      </template>
    </CommonDialog>
  </div>
</template>
<script>
/* 引入通用的状态按钮组件 */
// import TaskStatusBtn from "../../components/TaskStatusBtn/TaskStatusBtn.vue";
// import RadioStatusBtn from "../../components/radioStatusBtn/radioStatusBtn.vue";
/* 引入通用的弹出框 */
import CommonDialog from '../../components/commonDialog/commonDialog.vue'
/* 引入通用的反馈表单 */
import CommonFeedForm from './components/myWaitForm/myWaitForm.vue'
/* 引入反馈列表服务 */
import { FeedBack } from '@/api/feedBack/server'
import { FormOptionSet } from '@/api/setting/service.js'
import { taskPandect } from '@/api/tasks/server'
/* 引入反馈的Pane页签的内容 */
import FeedBackPane from './mywaitPane/feedbackPane/feedbackPane.vue'
/* 引入任务的Pane页签的内容 */
import taskPane from './mywaitPane/taskPane/taskPane.vue'
/* 引入格式规划 */
import FilterTrans from '../../utils/paramsFiler'
/* 引入超期反馈 */
import PenltyFeedBack from '../myWait/mywaitPane/beyondMeetingPane/penltyFeedBack/penltyFeedBack.vue'
/* 引入超期任务  */
import PenltyTask from '../myWait/mywaitPane/beyondMeetingPane/penltyTask/penltyTask.vue'
/* 引入严重超期 */
import SeverePenalty from '../myWait/mywaitPane/beyondMeetingPane/severePenalty/severePenalty.vue'
export default {
    name: '',
    components: {
        CommonDialog,
        CommonFeedForm,
        FeedBackPane,
        taskPane,
        PenltyFeedBack,
        PenltyTask,
        SeverePenalty
    },
    props: {},
    data() {
        const EFilterOprator = FilterTrans.EFilterOprator
        return {
            marketProjectSecondList: [],
            // 页码
            queryinfo: {
                pageIndex: 1,
                pageRow: 50
            },
            // C1/C2标识
            ctag: [
                {
                    title: 'C1',
                    value: 0
                },
                {
                    title: 'C2',
                    value: 1
                }
            ],

            /* 反馈数据数量 */
            feedBackTotalNum: null,

            /* 任务数据数量 */
            taskTotalNum: null,

            /* 任务筛选条件*/
            testConditionForm: {
                t__ctag: '', // 状态标识
                f__product_id: '', // 所属产品
                t__responsible_user: '', // 责任人
                t__created_at: [], // 创建时间
                t__task_number: '', // 任务ID
                ps__id: '', // C1状态
                dateTime: [],
                startTime: '',
                endTime: ''
            },
            textCondition: [
                {
                    field: 't__ctag',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'f__product_id',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'influenceCategory',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'stageId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 't__responsible_user',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'feedback_number',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 't__task_number',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 't__c2_status',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'ps__id',
                    operator: EFilterOprator.Equal
                }
            ],

            // 反馈筛选条件
            SelectConditionForm: {
                serverRequestTag: null,
                marketProjectStatusId: null, // 营销项目名称
                marketProjectNameId: null, // 营销项目状态名称
                problemTypeParentId: null, // 问题类型
                problemTypeId: null,
                feedBackSourceId: null, // 反馈来源
                ctag: null,
                productId: null,
                c2Status: null,
                c1StatusId: null,
                InfluenceCategoryId: null,
                stageId: null,
                assignedUserId: null,
                versionNumber: null,
                creatorId: null,
                feedback_number: null,
                dateTime: [],
                startTime: null,
                endTime: null,
                // feedback_status: 0,
                operation_status: 2
            },
            searchCondition: [
                {
                    field: 'serverRequestTag',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'ctag',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'c2Status',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'c1StatusId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'productId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'InfluenceCategoryId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'stageId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'assignedUserId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'versionNumber',
                    operator: EFilterOprator.Equal
                },

                {
                    field: 'creatorId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'feedback_number',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'marketProjectStatusId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'marketProjectNameId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'feedBackSourceId',
                    operator: EFilterOprator.Equal
                },
                {
                    field: 'operation_status',
                    operator: EFilterOprator.Nq
                }
                // {
                //     field: 'feedback_status',
                //     operator: EFilterOprator.Nq
                // }
            ],
            // 超期反馈数据
            overdueFeedBackData: [],
            // 超期任务数据
            overdueTaskData: [],
            // 任务数据
            commonTableDataT: [],
            // 通用数据
            commonTableData: [],
            // 超期任务数据
            serverCommonTaskTableData: [],
            // 超期反馈数据
            serverCommonFeedTableData: [],
            // 产品列表
            ProductList: [],
            // 指派人列表
            userList: [],
            // 阶段列表
            stageList: [],
            accountInformation: '',

            // 在这里假定严重超期状态标识
            isDelate: false,
            tableItemsId: '',
            // 控制删除弹出框
            deleteDialogVisible: false,
            // 控制新建弹出框的显示和隐藏
            insertDialogVisible: false,
            // 控制中止弹出框的显示和隐藏
            suspendDialogVisible: false,
            // 控制回退弹出框的显示和隐藏
            rebackDialogVisible: false,
            // 控制关闭弹出框的显示和隐藏
            closeDialogVisible: false,
            // 控制转需求弹出框的显示和隐藏
            demandDialogVisible: false,
            // 控制转任务弹出框的显示和隐藏
            taskDialogVisible: false,
            // 控制绑定反馈弹出框的显示和隐藏
            creatFeedDialogVisible: false,
            // 控制激活弹出框的显示与隐藏
            startDialogVisible: false,
            // 控制更新进度弹出框的显示和隐藏
            updateDialogVisible: false,
            // 控制申请上报弹出框的显示和隐藏
            applicationDialogVisible: false,
            // 控制发布/编辑弹出框的显示和隐藏
            submitDialogVisible: false,
            // 控制转让弹出框的显示和隐藏
            transferDialogVisible: false,
            // 控制评论弹出框的显示和隐藏
            commentsDialogVisible: false,
            // 中止弹出框表单内容
            suspendForm: {
                suspendReason: ''
            },
            // 回退弹出框表单内容
            rebackForm: {
                rebackReason: ''
            },
            // 关闭弹出框表单内容
            closeForm: {
                closeReason: '',
                closeSolution: '',
                extra: ''
            },
            creatFeedForm: {
                feedBackId: '',
                feedBackReason: ''
            },
            transferForm: {
                feedBackId: '',
                feedBackReason: ''
            },
            commentsForm: {
                feedBackReason: ''
            },
            taskForm: {
                creater: '',
                productId: '',
                theirProducts: '',
                taskStatus: '',
                TheirProducts: '',
                taskIdentity: '',
                // closingDate: currentDate,
                currentResponsiblePerson: '',
                department: '',
                trackItems: ''
            },
            taskFormrules: {
                productId: [{ required: true, message: '请输入反馈ID', trigger: 'change' }],
                creater: [{ required: true, message: ' ', trigger: 'change' }],
                closingDate: [
                    {
                        type: 'date',
                        required: true,
                        message: '请选择日期',
                        trigger: 'change'
                    }
                ],
                theirProducts: [{ required: true, message: ' ', trigger: 'change' }],
                taskStatus: [{ required: true, message: ' ', trigger: 'change' }],
                TheirProducts: [{ required: true, message: ' ', trigger: 'change' }],
                taskIdentity: [{ required: true, message: ' ', trigger: 'change' }],
                currentResponsiblePerson: [{ required: true, message: ' ', trigger: 'change' }],
                department: [{ required: true, message: ' ', trigger: 'change' }]
            },
            theirProductsList: [
                {
                    label: '产品1',
                    value: 0
                },
                {
                    label: '产品2',
                    value: 5
                }
            ],
            taskStatusList: [
                {
                    label: '新建',
                    value: 0
                },
                {
                    label: '处理中',
                    value: 5
                },
                {
                    label: '已关闭',
                    value: 10
                }
            ],
            taskIdentityList: [
                {
                    label: 'C1',
                    value: 0
                },
                {
                    label: 'C2',
                    value: 5
                }
            ],
            currentResponsiblePersonList: [
                {
                    label: '姓名1',
                    value: 0
                },
                {
                    label: '姓名2',
                    value: 5
                }
            ],
            // 激活弹出框表单内容
            startForm: {
                startReason: ''
            },
            // 更新进度
            updateForm: {
                nowStage: '',
                carbonPerson: '',
                nowPlaint: ''
            },
            // 申请上报弹出框表单内容
            applicationForm: {
                feedId: '',
                createPerson: '',
                mettingTime: '',
                isWill: '',
                mainPrincipal: '',
                otherPriCipal: '',
                willReason: ''
            },
            feedBackList: [],
            // 控制表格的列根据选择动态渲染
            colData: [
                { title: '超期标识', istrue: true },
                { title: 'C1/C2标识', istrue: true },
                { title: '反馈ID', istrue: true },
                { title: '标题', istrue: true },
                { title: '影响类别', istrue: true },
                { title: 'C1状态', istrue: true },
                { title: 'C2状态', istrue: true },
                { title: '所处阶段', istrue: true },
                { title: '指派给', istrue: true },
                { title: '最后更新时间', istrue: true }
            ],
            colOptions: [],
            colSelect: [],
            // 验证规则
            SelectConditionFormrules: {
                dateTime: [
                    {
                        required: true,
                        message: '请选择时间',
                        trigger: 'change'
                    }
                ],
                ctag: [{ required: true, message: '请选择状态标识', trigger: 'change' }],
                productId: [{ required: true, message: '请选择所属产品', trigger: 'change' }],
                influenceCategory: [{ required: true, message: '请选择影响类别', trigger: 'change' }],
                stageId: [{ required: true, message: '请选择处理阶段', trigger: 'change' }],
                assignedUserId: [{ required: true, message: '请选择指派人', trigger: 'change' }]
            },
            //  C1状态按钮
            C1status: [
                {
                    label: '处理中',
                    value: 'BeingProcessed'
                },
                {
                    lael: '已关闭',
                    value: 'Closed'
                }
            ],
            //  C2状态按钮
            C2status: [
                {
                    label: '处理中',
                    value: 'BeingProcessed'
                },
                {
                    label: '已关闭',
                    value: 'Closed'
                }
            ],
            // 状态按钮
            flowStatusList: [
                {
                    label: '已关闭',
                    value: 0
                },
                {
                    label: '处理中',
                    value: 5
                },
                {
                    label: '已完成',
                    value: 10
                },
                {
                    label: '已中止',
                    value: 15
                },
                {
                    label: '已过期',
                    value: 20
                }
            ],
            dynamicValidateForm: [],
            // 影响处理阶段列表
            Stage: [
                {
                    title: '待确认',
                    value: 'ToBeConfirmed'
                },
                {
                    title: '已确认',
                    value: 'Acknowledged'
                }
            ],
            // 控制转BUG弹出框的显示和隐藏
            transBugDialogVisible: false,
            transBugForm: {
                blongProducts: '',
                blongProduct: ''
            },
            // 我的待办tab 默认显示
            activeName: 'feedback',
            // 超期会议tab 默认显示
            overRangeMetting: '',
            // 控制激活弹出框的显示和隐藏
            isactiveDialogVisible: false,
            // 激活
            activeForm: {
                activeReason: ''
            },
            // 反馈
            FeedbackData: [
                {
                    status: 4,
                    aboutC: 'C1',
                    fankui: '000',
                    awayFrom: '产品部',
                    title: '产品部的产品',
                    yanzhong: 10,
                    Cone: 0,
                    Ctwo: 5,
                    youxian: 1,
                    feedStatus: 0,
                    chuli1: '待处理阶段',
                    lastUpdateTime: '2021-02-15',
                    person: '意大利'
                }
            ],
            // 任务
            taskColOptions: [],
            taskColSelect: [],
            TaskData: [
                {
                    fankuiID: '000',
                    biaoshi: 'C1',
                    renwuID: '1',
                    status: 1,
                    product: 'eww',
                    awayFrom: '产品部',
                    completionTime: '2021-03-20',
                    updatedTime: '2021-04-02',
                    responsible: 'bdsbfv',
                    department: 'A阶段',
                    feedback: '意大利',
                    taskStaus: 5,
                    taskStaus2: 25,
                    productFlowId: '11111111111',
                    Cone: 5
                }
            ],
            taskCol: [
                { title: '反馈ID', istrue: true },
                { title: 'C1/C2标识', istrue: true },
                { title: '任务ID', istrue: true },
                { title: '任务超期标识', istrue: true },
                { title: '所属产品', istrue: true },
                { title: '跟踪事项', istrue: true },
                { title: '计划完成时间', istrue: true },
                { title: '最后更新时间', istrue: true },
                { title: '责任人', istrue: true },
                { title: '责任人所属部门', istrue: true },
                { title: '超期反馈会议', istrue: true },
                { title: 'C1状态', istrue: true },
                { title: 'C2状态', istrue: true }
            ],
            // 超期会议反馈
            mettingColOptions: [],
            mettingColSelect: [],
            mettingColData: [
                {
                    status: 1,
                    aboutC: 'C1',
                    fankui: '000',
                    awayFrom: '产品部',
                    title: '产品部的产品',
                    yanzhong: 10,
                    Cone: 0,
                    Ctwo: 5,
                    youxian: 1,
                    feedStatus: 0,
                    chuli1: '待处理阶段',
                    lastUpdateTime: '2021-02-15',
                    person: '意大利'
                }
            ],
            MettingFeedBackCol: [
                { title: '超期标识', istrue: true },
                { title: 'C1/C2标识', istrue: true },
                { title: '反馈ID', istrue: true },
                { title: '标题', istrue: true },
                { title: '严重程度', istrue: true },
                { title: 'C1状态', istrue: true },
                { title: 'C2状态', istrue: true },
                { title: '所处阶段', istrue: true },
                { title: '指派给', istrue: true },
                { title: '最后更新时间', istrue: true }
            ],
            // 超期会议任务
            mettingTaskColOptions: [],
            mettingTaskSelect: [],
            mettingTaskData: [
                {
                    fankuiID: '000',
                    biaoshi: 'C1',
                    renwuID: '1',
                    status: 1,
                    product: 'eww',
                    awayFrom: '产品部',
                    completionTime: '2021-03-20',
                    updatedTime: '2021-04-02',
                    responsible: 'bdsbfv',
                    department: 'A阶段',
                    feedback: '意大利',
                    taskStaus: 0,
                    taskStaus2: 5,
                    productFlowId: '11111111111',
                    Cone: 10
                }
            ],
            mettingTaskCol: [
                { title: '反馈ID', istrue: true },
                { title: 'C1/C2标识', istrue: true },
                { title: '任务ID', istrue: true },
                { title: '任务超期标识', istrue: true },
                { title: '所属产品', istrue: true },
                { title: '跟踪事项', istrue: true },
                { title: '计划完成时间', istrue: true },
                { title: '最后更新时间', istrue: true },
                { title: '责任人', istrue: true },
                { title: '责任人所属部门', istrue: true },
                { title: '超期反馈会议', istrue: true },
                { title: 'C1状态', istrue: true },
                { title: 'C2状态', istrue: true }
            ],
            // 超期会议严重超期
            mettingDelateOptions: [],
            mettingDelateSelect: [],
            mettingDelateData: [
                {
                    status: 1,
                    aboutC: 'C1',
                    fankui: '000',
                    awayFrom: '产品部',
                    title: '产品部的产品',
                    yanzhong: 10,
                    Cone: '5',
                    Ctwo: '5',
                    youxian: 1,
                    feedStatus: 0,
                    chuli1: '待处理阶段',
                    lastUpdateTime: '2021-02-15',
                    person: '意大利'
                }
            ],
            MettingDelateCol: [
                { title: '超期标识', istrue: true },
                { title: 'C1/C2标识', istrue: true },
                { title: '反馈ID', istrue: true },
                { title: '标题', istrue: true },
                { title: '严重程度', istrue: true },
                { title: 'C1状态', istrue: true },
                { title: 'C2状态', istrue: true },
                { title: '所处阶段', istrue: true },
                { title: '指派给', istrue: true },
                { title: '最后更新时间', istrue: true }
            ],
            // 优先级
            priorityList: [
                {
                    label: '1级',
                    value: 1
                },
                {
                    label: '2级',
                    value: 2
                },
                {
                    label: '3级',
                    value: 3
                },
                {
                    label: '4级',
                    value: 4
                }
            ],

            // TODO: 筛选条件优化数据
            versionList: [],
            C1StatusList: [],
            marketProjectFirstList: [],
            feedBackSourceList: [],
            influenceCategory: [],
            MarketingProjectName: [],
            problemTypeList: [],
            childStageList: [],
            C1_C2StatusV: [
                {
                    value: 0,
                    label: '处理中'
                },
                {
                    value: 1,
                    label: '已关闭'
                },
                {
                    value: 2,
                    label: '待明确'
                },
                {
                    value: 3,
                    label: '未开始'
                },
                {
                    value: 4,
                    label: '未开启C2'
                }
            ],
            C1_C2Status: [
                {
                    value: 0,
                    label: '新建'
                },
                {
                    value: 1,
                    label: '处理中'
                },
                {
                    value: 2,
                    label: '已完成'
                }
            ]
        }
    },
    computed: {},
    created() {
    //  创建表格显示项
        var _this = this
        for (let i = 0; i < _this.colData.length; i++) {
            _this.colSelect.push(_this.colData[i].title)
            if (_this.colData[i].title == '所属产品') {
                // 初始化不想展示的列可以放在这个条件里
                continue
            }
            _this.colOptions.push(_this.colData[i].title)
        }
        for (let i = 0; i < _this.taskCol.length; i++) {
            _this.taskColSelect.push(_this.taskCol[i].title)
            if (_this.taskCol[i].title == '所属产品') {
                // 初始化不想展示的列可以放在这个条件里
                continue
            }
            _this.taskColOptions.push(_this.taskCol[i].title)
        }
        for (let i = 0; i < _this.MettingFeedBackCol.length; i++) {
            _this.mettingColSelect.push(_this.MettingFeedBackCol[i].title)
            if (_this.MettingFeedBackCol[i].title == '所属产品') {
                // 初始化不想展示的列可以放在这个条件里
                continue
            }
            _this.mettingColOptions.push(_this.MettingFeedBackCol[i].title)
        }
        for (let i = 0; i < _this.mettingTaskCol.length; i++) {
            _this.mettingTaskSelect.push(_this.mettingTaskCol[i].title)
            if (_this.mettingTaskCol[i].title == '所属产品') {
                // 初始化不想展示的列可以放在这个条件里
                continue
            }
            _this.mettingTaskColOptions.push(_this.mettingTaskCol[i].title)
        }
        for (let i = 0; i < _this.MettingDelateCol.length; i++) {
            _this.mettingDelateSelect.push(_this.MettingDelateCol[i].title)
            if (_this.MettingDelateCol[i].title == '所属产品') {
                // 初始化不想展示的列可以放在这个条件里
                continue
            }
            _this.mettingDelateOptions.push(_this.MettingDelateCol[i].title)
        }
    },
    // mettingDelateSelect  mettingDelateData MettingDelateCol mettingDelateOptions
    watch: {},
    mounted() {
        console.log('this.$route', this.$route)
        if (this.$route.query.activeName != null) {
            if (this.$route.query.overRangeMetting != null) {
                this.activeName = this.$route.query.activeName
                this.overRangeMetting = this.$route.query.overRangeMetting
                this.$router.push('myWait')
            } else {
                this.activeName = this.$route.query.activeName
                this.$router.push('myWait')
            }
        }
        // this.dateTimeInitialise()
        this.getProductList()
        this.getUserList()
        // this.getStageList()
        this.getChildStageList()
        this.getuserId()
        this.getC1StatusList()
        this.getVersionList()
        this.getMarketProjectFirstList()
        this.onSearch()
    // this.getMarketProjectFirstList('MARKETING_PROJECT_NAME') // 营销项目名称
    // this.getMarketProjectFirstList('MARKETING_PROJECT_BIG') // 营销项目状态
    // this.getMarketProjectFirstList('SOURCE_FEEDBACK') // 反馈来源列表
    // this.getMarketProjectFirstList('PROBLEM_TYPES') // 问题类型列表
    // this.getMarketProjectFirstList('IMPACT_CATEGORY') // 影响类别列表
    },
    activated() {
    // this.activeName = 'feedback'
    // this.overRangeMetting = ''
        this.onSearch()
    },
    // 过滤器 用来过滤文字信息
    filters: {
        transferSeverity(_val, _list) {
            let str = ''
            _list.findIndex(_item => {
                if (_item.value === _val) {
                    str = _item.label
                    return true
                } else {
                    return false
                }
            })
            return str
        },
        formatData(_val) {
            if (_val) {
                return _val.substring(0, 10)
            }
            return ''
        }
    },
    methods: {
        changeBigCatlog(val) {
            console.log(val)

            let list = []
            this.marketProjectFirstList.forEach(element => {
                if (element.id == val) {
                    list = element.children
                }
            })
            this.SelectConditionForm.problemTypeId = ''
            this.marketProjectSecondList = list
            // console.log(this.marketProjectFirstList[index])
        },
        /**
     * @description: 筛选时间初始化
     */
        // dateTimeInitialise() {
        //     const currentYear = new Date().getFullYear()
        //     const currentMounth = new Date().getMonth()
        //     const firstDay = new Date(currentYear, currentMounth, 1)
        //     const lastDay = new Date(currentYear, currentMounth + 1, 0)
        //     this.SelectConditionForm.dateTime.push(firstDay)
        //     this.testConditionForm.t__created_at.push(firstDay)
        //     this.SelectConditionForm.dateTime.push(lastDay)
        //     this.testConditionForm.t__created_at.push(lastDay)
        //     // 条件初始化
        //     // this.SelectConditionForm.c1StatusId = '1423154128074436609'
        // },
        async onClickblur(event) {
            const arr = {
                id: this.tableItemsId,
                linkFeedBackNumber: event
            }
            try {
                const result = await FeedBack.FeedBackBindingJudgeAsync(arr)
                if (result.success) {
                    this.$message.success(result.message)
                } else {
                    this.$message.error(result.message)
                }
            } catch (err) {
                console.log(err)
            }
        },
        async getuserId() {
            try {
                const result = await FeedBack.UserGetUserInfoAsync()
                if (result.success) {
                    this.accountInformation = result.data.id
                }
            } catch (err) {
                console.log(err)
            }
        },
        // 转bug dialog
        transBugChange(val) {
            this.transBugDialogVisible = val
        },
        onFeedback(_type, _id) {
            this.$refs.Feedback.show(_type, _id)
        },
        // 新建反馈
        toInsert() {
            this.insertDialogVisible = true
        },
        canselInsert() {
            this.insertDialogVisible = false
        },
        suspendCancel() {
            this.suspendDialogVisible = false
        },
        rebackCancel() {
            this.rebackDialogVisible = false
        },
        closeCancel() {
            this.closeDialogVisible = false
        },
        saveDraft() {
            this.suspendDialogVisible = false
        },
        // 从子组件传递过来的状态更新
        inesertChange(val) {
            this.insertDialogVisible = val
        },
        suspendChange(val) {
            this.suspendDialogVisible = val
        },
        rebackChange(val) {
            this.rebackDialogVisible = val
        },
        closeChange(val) {
            this.closeDialogVisible = val
        },
        // 反馈tablechange
        handleSizeChangeFeedBack(_val) {
            this.queryinfo.pageRow = _val
            this.onSearch()
        },
        handleCurrentFeedBackChange(_val) {
            this.queryinfo.pageIndex = _val
            this.onSearch()
        },
        // 任务tablechange
        handleSizeTaskChange(_val) {
            this.queryinfo.pageRow = _val
            this.onSearch()
        },
        handleCurrentTaskChange(_val) {
            this.queryinfo.pageIndex = _val
            this.onSearch()
        },
        // 超期会议-反馈
        handleSizeMettingChange() {},
        handleCurrentMettingChange() {},
        // 超期会议-任务
        handletaskSizeChange() {},
        handleTaskCurrentChange() {},
        // 超期会议-严重超期
        handleSizeOverDelateChange() {},
        handleCurrentOverDelateChange() {},
        activeRow(val) {
            this.isactiveDialogVisible = true
        },
        activeChange(val) {
            this.isactiveDialogVisible = val
        },
        activeCancel() {
            this.isactiveDialogVisible = false
        },
        // 终止方法开始
        suspendRow() {
            this.suspendDialogVisible = true
        },
        // 回退方法开始
        rebackRow() {
            this.rebackDialogVisible = true
        },
        // 关闭方法开始
        closeRow() {
            this.closeDialogVisible = true
        },
        handleClick(tab) {
            this.onSearch()
            if (tab.name == 'metting') {
                if (this.$route.query.overRangeMetting != null) {
                    this.overRangeMetting = this.$route.query.overRangeMetting
                } else {
                    this.overRangeMetting = 'first'
                }
            }
        },
        /* 产品相关开始 */
        // 获取所有产品信息
        async getProductList() {
            try {
                const result = await FeedBack.ProInsertAsync()
                if (result.success) {
                    this.ProductList = result.data
                }
            } catch (err) {
                console.log(err)
            }
        },
        //  获取所有指派人列表
        async getUserList() {
            try {
                const result = await FeedBack.GetAllUserAsync()
                if (result.success) {
                    this.userList = result.data
                }
            } catch (err) {
                console.log(err)
            }
        },
        // 获取所有阶段列表
        async getStageList() {
            try {
                const result = await FeedBack.GetStageListAsync({ type: 'Name' })
                if (result.success) {
                    this.stageList = result.data
                }
            } catch (err) {
                console.log(err)
            }
        },
        async getChildStageList() {
            try {
                const result = await FeedBack.GetListChildrenAsync({ type: 'NAME' })
                if (result.success) {
                    for (var i = 0; i < result.data.length; i++) {
                        const item = result.data[i]
                        if (item.id != '1423154037607493634' && item.id != '1423154128091213825') {
                            this.childStageList.push(item)
                        }
                    }
                }
            } catch (err) {
                console.log(err)
            }
        },
        // 重置表单
        reset(formName) {
            this.queryinfo.pageIndex = 1
            this.$refs[formName].resetFields()
            // this.onSearch()
        },

        /**
     * 时间处理函数
     * */

        getTime(data) {
            const value =
        data.getFullYear() +
        '-' +
        this.checkTime(data.getMonth() + 1) +
        '-' +
        this.checkTime(data.getDate()) +
        ' ' +
        this.checkTime(data.getHours()) +
        ':' +
        this.checkTime(data.getMinutes()) +
        ':' +
        this.checkTime(data.getSeconds())
            return value
        },

        checkTime(i) {
            if (i < 10) {
                i = '0' + i
            }
            return i
        },
        handleFormKuang(_filter) {
            this.queryinfo.pageIndex = 1
            const filters = FilterTrans.filterParam(_filter.queryFilter.filters)
            const filter = JSON.parse(JSON.stringify(_filter))
            filter.queryFilter.filters = filters
            filter.pageIndex = this.queryinfo.pageIndex
            filter.pageRow = this.queryinfo.pageRow
            // filter.orderConditions = [
            //     {
            //         sortDirection: '1',
            //         sortField: 'feedback_number'
            //     }
            // ]
            if (this.SelectConditionForm.problemTypeId && this.SelectConditionForm.problemTypeId != '') {
                filters.push({
                    field: 'problemTypeId',
                    operator: 0,
                    value: this.SelectConditionForm.problemTypeId
                })
            }
            if (this.SelectConditionForm.problemTypeParentId && this.SelectConditionForm.problemTypeParentId != '') {
                filters.push({
                    field: 'problemTypeParentId',
                    operator: 0,
                    value: this.SelectConditionForm.problemTypeParentId
                })
            }

            // const time = this.SelectConditionForm.dateTime
            // if (time.length) {
            //     const startTime = this.getTime(time[0])
            //     const endtTime = this.getTime(time[1])
            //     filters.push({
            //         field: 'createTime',
            //         operator: 2,
            //         value: startTime
            //     })
            //     filters.push({
            //         field: 'createTime',
            //         operator: 4,
            //         value: endtTime
            //     })
            // }
            return filter
        },
        handleForm(_filter) {
            const filters = FilterTrans.filterParam(_filter.queryFilter.filters)
            const filter = JSON.parse(JSON.stringify(_filter))
            filter.queryFilter.filters = filters
            filter.pageIndex = this.queryinfo.pageIndex
            filter.pageRow = this.queryinfo.pageRow
            // filter.orderConditions = [
            //     {
            //         sortDirection: '1',
            //         sortField: 'feedback_number'
            //     }
            // ]
            if (this.SelectConditionForm.problemTypeId && this.SelectConditionForm.problemTypeId != '') {
                filters.push({
                    field: 'problemTypeId',
                    operator: 0,
                    value: this.SelectConditionForm.problemTypeId
                })
            }
            if (this.SelectConditionForm.problemTypeParentId && this.SelectConditionForm.problemTypeParentId != '') {
                filters.push({
                    field: 'problemTypeParentId',
                    operator: 0,
                    value: this.SelectConditionForm.problemTypeParentId
                })
            }

            // const time = this.SelectConditionForm.dateTime
            // if (time.length) {
            //     const startTime = this.getTime(time[0])
            //     const endtTime = this.getTime(time[1])
            //     filters.push({
            //         field: 'createTime',
            //         operator: 2,
            //         value: startTime
            //     })
            //     filters.push({
            //         field: 'createTime',
            //         operator: 4,
            //         value: endtTime
            //     })
            // }
            return filter
        },
        taskLogFormKuang(_filter) {
            this.queryinfo.pageIndex = 1
            const filters = FilterTrans.filterParam(_filter.queryFilter.filters)
            const filter = JSON.parse(JSON.stringify(_filter))
            filter.queryFilter.filters = filters
            filter.pageIndex = this.queryinfo.pageIndex
            filter.pageRow = this.queryinfo.pageRow
            filter.orderConditions = [
                {
                    sortDirection: '1',
                    sortField: 't__created_at'
                }
            ]
            // const time = this.testConditionForm.t__created_at
            // console.log(time)
            // if (time.length) {
            //     const startTime = this.getTime(time[0])
            //     const endtTime = this.getTime(time[1])
            //     filters.push({
            //         field: 't__created_at',
            //         operator: 2,
            //         value: startTime
            //     })
            //     console.log(startTime)

            //     filters.push({
            //         field: 't__created_at',
            //         operator: 4,
            //         value: endtTime
            //     })
            // }
            return filter
        },
        taskLogForm(_filter) {
            const filters = FilterTrans.filterParam(_filter.queryFilter.filters)
            const filter = JSON.parse(JSON.stringify(_filter))
            filter.queryFilter.filters = filters
            filter.pageIndex = this.queryinfo.pageIndex
            filter.pageRow = this.queryinfo.pageRow
            filter.orderConditions = [
                {
                    sortDirection: '1',
                    sortField: 't__created_at'
                }
            ]
            // const time = this.testConditionForm.t__created_at
            // console.log(time)
            // if (time.length) {
            //     const startTime = this.getTime(time[0])
            //     const endtTime = this.getTime(time[1])
            //     filters.push({
            //         field: 't__created_at',
            //         operator: 2,
            //         value: startTime
            //     })
            //     console.log(startTime)

            //     filters.push({
            //         field: 't__created_at',
            //         operator: 4,
            //         value: endtTime
            //     })
            // }
            return filter
        },

        /* 获得不同选择(反馈 任务 超期会议 )的数据 */

        /* 获取反馈列表待办数据 */
        async getFeedBackListKuang() {
            this.commonTableData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const data = this.handleFormKuang(this.filter)
                const result = await FeedBack.getBackLogPageAsync(data)
                if (result.success) {
                    loading.close()
                    for (const item of result.data.data) {
                        // const ctagL = item.ctag
                        // console.log('ctag', ctagL)
                        // if (ctagL != null) {
                        //     if (ctagL.indexOf('And') > -1) {
                        //         console.log('22222')
                        //         const start = ctagL.slice(0, 2)
                        //         const end = ctagL.slice(5, 7)
                        //         item.ctag = start + '/' + end
                        //     }
                        // }

                        if (item.creatorId === this.accountInformation) {
                            item.accountId = true
                        } else {
                            item.accountId = false
                        }
                    }
                    this.commonTableData = result.data.data
                    this.feedBackTotalNum = result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },
        async getFeedBackList() {
            this.commonTableData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const data = this.handleForm(this.filter)
                const result = await FeedBack.getBackLogPageAsync(data)
                if (result.success) {
                    loading.close()
                    for (const item of result.data.data) {
                        // const ctagL = item.ctag
                        // console.log('ctag', ctagL)
                        // if (ctagL != null) {
                        //     if (ctagL.indexOf('And') > -1) {
                        //         console.log('22222')
                        //         const start = ctagL.slice(0, 2)
                        //         const end = ctagL.slice(5, 7)
                        //         item.ctag = start + '/' + end
                        //     }
                        // }

                        if (item.creatorId === this.accountInformation) {
                            item.accountId = true
                        } else {
                            item.accountId = false
                        }
                    }
                    this.commonTableData = result.data.data
                    this.feedBackTotalNum = result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },
        async getTaskbacklogListKuang() {
            this.commonTableDataT = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const data = this.taskLogFormKuang(this.filter)
                const result = await taskPandect.GetTaskAgentPageList(data)
                if (result.success) {
                    loading.close()
                    this.commonTableDataT = result.data.data
                    this.taskTotalNum = result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },
        /* 获取任务列表待办数据 */
        async getTaskbacklogList() {
            this.commonTableDataT = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const data = this.taskLogForm(this.filter)
                const result = await taskPandect.GetTaskAgentPageList(data)
                if (result.success) {
                    loading.close()
                    this.commonTableDataT = result.data.data
                    this.taskTotalNum = result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },

        /* 因为是三个页面  加判断*/
        onSearchFeedback() {
            this.tasklist = []
            this.filter = FilterTrans.buildPageRequest(this.SelectConditionForm, this.searchCondition)
            this.getFeedBackListKuang()
        },
        onSearchTask() {
            this.filter = FilterTrans.buildPageRequest(this.testConditionForm, this.textCondition)
            this.getTaskbacklogListKuang()
        },
        onSearch() {
            if (this.activeName == 'feedback') {
                this.tasklist = []
                this.filter = FilterTrans.buildPageRequest(this.SelectConditionForm, this.searchCondition)
                this.getFeedBackList()
            } else if (this.activeName == 'task') {
                this.filter = FilterTrans.buildPageRequest(this.testConditionForm, this.textCondition)
                this.getTaskbacklogList()
            } else if (this.activeName == 'metting' && this.overRangeMetting == 'first') {
                this.GetFeedBackAgency()
            } else if (this.activeName == 'metting' && this.overRangeMetting == 'second') {
                this.GetTaskAgency()
            } else if (this.activeName == 'metting' && this.overRangeMetting == 'third') {
                this.GetTaskAgencyPoint()
                this.GetFeedBackAgencyPoint()
            }
        },

        /* 超期会议选择改变 */
        selectRadioGroupChange() {
            this.onSearch()
        },

        /* 超期会议 方法 */
        // 超期反馈
        async GetFeedBackAgency() {
            this.overdueFeedBackData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const result = await FeedBack.GetFeedBackAgency(false)
                if (result.success) {
                    loading.close()
                    for (const item of result.data) {
                        // const ctagL = item.ctag
                        // console.log('ctag', ctagL)
                        // if (ctagL != null) {
                        //     if (ctagL.indexOf('And') > -1) {
                        //         console.log('22222')
                        //         const start = ctagL.slice(0, 2)
                        //         const end = ctagL.slice(5, 7)
                        //         item.ctag = start + '/' + end
                        //     }
                        // }
                        if (item.creatorId === this.accountInformation) {
                            item.accountId = true
                        } else {
                            item.accountId = false
                        }
                    }
                    this.overdueFeedBackData = result.data
                    // this.taskTotalNum=result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },

        // 超期任务
        async GetTaskAgency() {
            this.overdueTaskData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const result = await taskPandect.GetTaskAgency(false)
                if (result.success) {
                    loading.close()
                    this.overdueTaskData = result.data
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },

        //   严重超期任务

        async GetTaskAgencyPoint() {
            this.serverCommonTaskTableData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const result = await taskPandect.GetTaskAgency(true)
                if (result.success) {
                    loading.close()
                    this.serverCommonTaskTableData = result.data
                    // this.taskTotalNum=result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },

        //  严重超期反馈
        async GetFeedBackAgencyPoint() {
            this.serverCommonFeedTableData = []
            const loading = this.$loading({
                lock: true,
                text: '数据加载中',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            try {
                const result = await FeedBack.GetFeedBackAgency(true)
                if (result.success) {
                    loading.close()
                    this.serverCommonFeedTableData = result.data
                    // this.taskTotalNum=result.data.total
                }
            } catch (err) {
                loading.close()
                console.log(err)
            }
        },

        exportCharts() {
            this.tasklist = []
            if (this.activeName == 'feedback') {
                this.filter = FilterTrans.buildPageRequest(this.SelectConditionForm, this.searchCondition)
                this.feedBackfileDownload()
            } else if (this.activeName == 'task') {
                this.filter = FilterTrans.buildPageRequest(this.testConditionForm, this.textCondition)
                this.taskLogDownload()
            }
        },
        async feedBackfileDownload() {
            try {
                const data = this.handleForm(this.filter)
                data.pageRow = 3000
                data.pageIndex = 1
                await FeedBack.ExportAsync(data)
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },

        async taskLogDownload() {
            try {
                const data = this.taskLogForm(this.filter)
                data.pageRow = 3000
                data.pageIndex = 1
                await taskPandect.ExportAgentLog(data)
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },

        //  TODO:超期任务导出
        async taskLogBeyondDownload() {
            try {
                const objparam = {
                    pageIndex: this.queryinfo.pageIndex
                }
                await taskPandect.ExportTaskAgency(objparam, '超期会议任务')
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },

        //  超期反馈导出

        async ExportFeedBackAgency() {
            try {
                const objparam = {
                    pageIndex: this.queryinfo.pageIndex
                }
                await taskPandect.ExportFeedBackAgency(objparam, '超期会议反馈')
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },

        // 超期会议导出
        aboutBeyondExports() {
            if (this.overRangeMetting == 'second') {
                this.taskLogBeyondDownload()
            } else if (this.overRangeMetting == 'first') {
                this.ExportFeedBackAgency()
            }
        },
        /**
     * @description: 获取C1状态下拉
     */
        async getC1StatusList() {
            try {
                const result = await FeedBack.GetListChildrenAsync({ type: 'STATUS' })
                if (result.success) {
                    this.C1StatusList = result.data
                }
            } catch (err) {
                console.log(err)
            }
        },
        /**
     * @description: 获取版本号下拉
     */
        async getVersionList() {
            this.versionList = []
            try {
                const result = await FeedBack.GetVersionList()
                if (result.success) {
                    for (var property in result.data) {
                        this.versionList.push(result.data[property])
                    }
                }
            } catch (err) {
                console.log(err)
            }
        },

        // TODO: 筛选条件优化
        // 获取相关下拉列表(type)
        async getMarketProjectFirstList() {
            try {
                const result = await FormOptionSet.FormOptionSetGetAllAsync()
                if (result.success) {
                    this.buildTemplateData(result.data)
                } else {
                    this.$message.error(result.message)
                }
            } catch (err) {
                this.$message.error('服务器异常')
            }
        },
        buildTemplateData(_data) {
            this.MarketingProjectName = _data.marketProjectName
            this.problemTypeList = _data.problemTypeSets
            this.influenceCategory = _data.impactCategorySets
            this.feedBackSourceList = _data.sourceFeedbackSets
            this.marketProjectFirstList = _data.marketProjects
        }
    // async getMarketProjectFirstList(type) {
    //     if (type == 'MARKETING_PROJECT_BIG') {
    //         try {
    //             const result = await FeedBack.FormOptionGetListItemAsync({
    //                 type: type
    //             })
    //             if (result.success) {
    //                 this.marketProjectFirstList = result.data
    //             }
    //         } catch (err) {
    //             console.log(err)
    //         }
    //     } else if (type == 'SOURCE_FEEDBACK') {
    //         try {
    //             const result = await FeedBack.FormOptionGetListItemAsync({
    //                 type: type
    //             })
    //             if (result.success) {
    //                 this.feedBackSourceList = result.data
    //             }
    //         } catch (err) {
    //             console.log(err)
    //         }
    //     } else if (type == 'IMPACT_CATEGORY') {
    //         try {
    //             const result = await FeedBack.FormOptionGetListItemAsync({
    //                 type: type
    //             })
    //             if (result.success) {
    //                 this.influenceCategory = result.data
    //             }
    //         } catch (err) {
    //             console.log(err)
    //         }
    //     } else if (type == 'MARKETING_PROJECT_NAME') {
    //         try {
    //             const result = await FeedBack.FormOptionGetListItemAsync({
    //                 type: type
    //             })
    //             if (result.success) {
    //                 this.MarketingProjectName = result.data
    //             }
    //         } catch (err) {
    //             console.log(err)
    //         }
    //     } else {
    //         try {
    //             const result = await FeedBack.FormOptionGetListItemAsync({
    //                 type: type
    //             })
    //             if (result.success) {
    //                 this.problemTypeList = result.data
    //             }
    //         } catch (err) {
    //             console.log(err)
    //         }
    //     }
    // }
    }
}
</script>
<style scoped lang="less">
// @import './index.scss';
//
//
.MywaitTabs {
  position: relative;
  // background-color: #ffffff;
  // padding: 30px;
  .feedbackPane {
    margin-left: 30px;
  }
}
.optionBox {
  padding-right: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
//
::v-deep .el-range-editor.el-input__inner {
  width: 210px;
}
::v-deep .el-tabs__item {
  font-size: 16px;
  line-height: 70px;
  height: 70px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
.aboutOptions {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.setting_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;
  &:hover {
    background-color: #3579e0;
    color: #ffffff;
  }
  span {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../../assets/image/icon/Nav_Icon_ArrowDown1.png);
    background-size: cover;
  }
}
::v-deep .el-table th {
  font-size: 14px;
  color: #3579e0;
  font-weight: 400;
}
::v-deep .el-table th.gutter {
  display: none;
}
.Feedback {
  padding: 30px;
  height: 100%;
  // overflow: hidden;
  box-sizing: border-box;
}

::v-deep .el-table td,
.el-table th {
  padding: 0;
}
::v-deep .el-table th {
  background-color: #f6f6f6 !important;
}
.el-form-item {
  margin-bottom: 20px !important;
  width: 150px;
  height: 30px;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 5px;
}
.SelectCondition {
  padding: 10px 10px 8px 10px;
  box-sizing: border-box;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(152, 160, 179, 0.2);
  border-radius: 5px;
}
.selectConditionRow {
  height: 100%;
}
.search_btn {
  // margin-left: 20px;
  width: 70px;
  height: 30px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-left: 10px;
  &:hover {
    background: #3579e0;
    color: #ffffff;
  }
}
.reset_btn {
  width: 70px;
  height: 30px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  &:hover {
    background: #3579e0;
    color: #ffffff;
  }
}
.export_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;
  margin-left: 10px;
  &:hover {
    color: #ffffff;
    background-color: #3579e0;
  }
}
.create_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 15px;
  &:hover {
    color: #ffffff;
    background-color: #3579e0;
  }
}
.FeedbackData {
  // height: 706px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
::v-deep .el-card__body {
  box-sizing: border-box;
}
.FeedbackData_table {
  box-sizing: border-box;
}
.cell_class {
  text-align: center;
}
.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto;
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
}

.paginationClock {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0;
}
.deleteOption_btn {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  display: flex;
  padding: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.dateTime {
  width: 200px;
}
.last_btn {
  margin-left: 152px;
}
::v-deep .radioGroups .el-radio-button__inner {
  margin-right: 20px;
  border: 1px solid #dcdfe6;
  border-radius: 20px;
  // width: 90px;
  height: 40px;
}
::v-deep .radioGroups .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  border: 1px solid #409eff;
}
::v-deep .el-card__body {
  padding: 0;
}
::v-deep .el-table__row.el-table__row--striped {
  background: yellow !important;
}
::v-deep .el-form-item {
  border: none;
}
::v-deep .el-date-editor .el-range-input {
  width: 60px;
  padding: 0;
}
::v-deep .el-date-editor .el-range-separator {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
}
::v-deep tbody tr:nth-child(2n) {
  background: #ffffff;
}
.option_export,
.option_look,
.option_edit,
.option_delete,
.option_suspend,
.option_confirm,
.option_reback,
.option_close,
.option_update,
.option_life,
.option_more {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
  top: 5px;
}
.option_export {
  background: url('../../assets/image/options/Ican_1_Normal@2x.png');
  &:hover {
    background: url(../../assets/image/options/Ican_4_Selected@2x.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_look {
  background: url(../../assets/image/options/Ican_8_Normal@2x.png);
  background-size: contain;
}
.option_edit {
  background: url(../../assets/image/options/Ican_5_Selected@2x.png);
  background-size: contain;
}
.option_delete {
  background: url('../../assets/image/options/Ican_3_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/Ican_1_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_suspend {
  background: url('../../assets/image/options/Ican_5_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/Ican_2_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_confirm {
  background: url('../../assets/image/options/Ican_10_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/circleType8.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_reback {
  background: url('../../assets/image/options/Ican_11_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/Ican_3_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_close {
  background: url('../../assets/image/options/Ican_12_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/Ican_12_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_update {
  background: url('../../assets/image/options/Ican_9_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/squireType2.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_life {
  background: url('../../assets/image/options/Ican_13_Normal@2x.png');
  &:hover {
    background: url('../../assets/image/options/Ican_13_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.option_more {
  background: url('../../assets/image/options/Btn_More@2x.png');
  &:hover {
    background: url('../../assets/image/options/Btn_More_Selected@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }
  background-size: contain;
}
.insertCancel {
  width: 70px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding: 0;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  &:hover {
    background: #3b8af7;
    color: #ffffff;
    border: 1px solid #3b8af7;
  }
}
.insertReme {
  width: 70px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  padding: 0;
  &:hover {
    background: #3b8af7;
    color: #ffffff;
    border: 1px solid #3b8af7;
  }
}

::v-deep .SelectRadioGroup {
  .el-radio-button__inner {
    border: 0;
    // border: 1px solid #ccc;
    border-radius: 5px;
  }
  .el-radio-button {
    margin-right: 15px;
    border: 0;
  }
}

.penaltyFeedBack {
  width: 100%;
  margin-top: 10px;
  // background-color: pink;
}

.penaltytask {
  width: 100%;
  margin-top: 10px;
}

.severePenalty {
  width: 100%;
  // height: 560px;
  margin-top: 10px;
}

.penaltyFeedBack {
  overflow-x: auto;
  overflow-y: hidden;
  height: 600px;
  box-sizing: border-box;
}
.btnDisplayF {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  .el-button {
    margin-bottom: 5px;
  }
  .el-button:nth-child(1) {
    margin-right: 8px;
  }
  .el-button:nth-child(2) {
    margin-left: 0px;
    margin-right: 8px;
  }
  .el-button:nth-child(3) {
    margin-left: 0px;
  }
}
.btnDisplay {
  display: flex;
  align-items: center;
  justify-content: center;

  .el-button {
    margin-bottom: 8px;
  }
  .el-button:nth-child(1) {
    margin-right: 8px;
  }
  .el-button:nth-child(2) {
    margin-left: 0px;
    margin-right: 8px;
  }
  .el-button:nth-child(3) {
    margin-left: 0px;
  }
}
::v-deep .el-date-editor .el-range-input {
  width: 73px;
  padding: 0;
}
</style>
